@charset "utf-8";
@import "reset";
@import "common";
@import "iconfont";
.news {
    width: 100%;
    position: absolute;
    top: r(90px);
    bottom: r(95px);
    overflow-x: hidden;
    overflow-y: auto;
    background: #FFFFFF;
    -webkit-overflow-scrolling: touch;
    .main {
        width: 90%;
        margin: 0 auto;
        margin-top: 5%;
        >h1 {
            font-size: r(28px);
        }
        >dl {
            font-size: 0;
            float: right;
            dt {
                text-align: right;
                &:first-of-type {
                    >i {
                        font-size: r(16px);
                        color: #c5c5c5;
                    }
                }
                &:nth-of-type(2) {
                    >p {
                        font-size: r(16px);
                        color: #c5c5c5;
                        >span {
                            display: inline-block;
                            color: #B20000;
                        }
                    }
                }
            }
        }
        .clear {
            clear: both;
        }
        >p {
            text-indent: 2em;
            color: #8b8b8b;
            text-align: justify;
            font-size: r(20px);
            padding: r(34px) 0;
        }
        >h2 {
            font-size: r(24px);
            text-indent: 2em;
        }
        .photo {
            width: 100%;
            padding-bottom: r(34px);
            >img {
                width: 100%;
            }
        }
        span {
            text-indent: 2em;
            color: #8b8b8b;
            text-align: justify;
            font-size: r(20px);
            padding: r(10px) 0;
            display: block;
        }
        .one {
            padding: r(12px)0;
        }
    }
    .jiange {
        width: 100%;
        background: #efefef;
        height: r(19px);
    }
    .fanhui {
        width: 100%;
        background: #FFFFFF;
        >p {
            width: 90%;
            margin: 0 auto;
            font-size: r(20px);
            font-weight: 400;
            color: #727171;
            line-height: r(81px);
            >span {
                display: inline-block;
                font-size: r(18px);
            }
        }
    }
    .pinglun {
        width: 100%;
        background: #FFFFFF;
        >section {
            width: 60%;
            display: flex;
            justify-content: space-around;
            margin: 0 auto;
            padding-bottom: 35px;
            .a_add{
                color:#B20000;
            }
            >i {
                text-align: center;
                display: block;
                margin-top: r(38px);
                border-radius: 50%;
                border: 1px solid #8b8b8b;
                width: r(72px);
                height: r(72px);
                line-height: r(72px);
                color: #c5c5c5;
                font-size: r(28px);
                float: left;
                >p {
                    font-size: r(18px);
                    color: #C5C5C5;
                }
            }
            
        }
        .text {
            width: 90%;
            margin: 0 auto;
            position: relative;
            height: r(200px);
            >textarea {
                border: 1px solid #8B8B8B;
                width: 100%;
                resize: none;
                position: absolute;
                top: 0;
                height: r(200px);
            }
            >p {
                position: absolute;
                z-index: 10;
                top: 40%;
                left: 40%;
                color: #9c9c9c;
                font-size: r(20px);
                a {
                    text-decoration: underline;
                    color: #B20000;
                }
            }
        }
        >form {
            width: 100%;
            text-align: center;
            margin-bottom: 10px;
            input {
                width: r(396px);
                height: r(52px);
                background: #B20000;
                color: white;
                text-align: center;
                line-height: r(52px);
                border: none;
            }
        }
        .wrap {
            width: 90%;
            margin: 0 auto;
            padding-bottom: 10px;
            >h3 {
                font-size: r(16px);
                color: #727171;
            }
            >dl {
//              height: r(181px);
                padding: r(40px) 0;
                border-bottom: 1px dotted #8B8B8B;
                &:last-of-type {
                    border-bottom: none;
                }
                >dt {
                    font-size: 0;
                    .tou {
                        width: 25px;
                        height: 25px;
                        border-radius: 50%;
                        overflow: hidden;
                        margin-right: 5px;
                        vertical-align: top;
                        display: inline-block;
                        line-height: 25px;
                        >img {
                            height: 100%;
                        }
                    }
                    >p {
                        text-align: center;
                        line-height: 25px;
                        display: inline-block;
                        font-size: r(20px);
                        >span {
                            display: inline-block;
                            color: #C5C5C5;
                            line-height: 25px;
                            padding-left: 2px;
                        }
                    }
                }
                >dd {
                    &:first-of-type {
                        font-size: r(20px);
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        >i {
                            font-size: r(20px);
                            color: #c5c5c5;
                        }
                    }
                    &:nth-of-type(2) {
                        >a {
                            float: right;
                            color: #201F1D;
                            line-height: 18px;
                            text-align: center;
                            font-size: r(22px);
                            >i {
                                color: #C5C5C5;
                            }
                        }
                    }
                    &:nth-of-type(3){
                        .xiaoshi {
                            width: 98%;
                            display: none;
                            margin: 0 auto;
                            background: #fafafa;
                            >ul {
                                padding: r(19px);
                                border-bottom: 1px dotted #8B8B8B;
                                >li {
                                    &:first-of-type {
                                        .tup {
                                            width: r(40px);
                                            height: r(40px);
                                            overflow: hidden;
                                            text-align: center;
                                            display: inline-block;
                                            line-height: r(40px);
                                            border-radius: 50%;
                                            vertical-align: top;
                                            >img {
                                                height: 100%;
                                            }
                                        }
                                        >p {
                                            display: inline-block;
                                            font-size: r(22px);
                                            padding-left: 2%;
                                             line-height: r(40px);
                                            vertical-align: top;
                                            >span {
                                                padding-left: r(20px);
                                            }
                                        }
                                    }
                                    &:nth-of-type(2) {
                                        display: block;
                                       line-height: r(40px);
                                        >i{
                                            font-size: r(22px);
                                            color:#b2b2b2;
                                        }
                                    }
                                }
                            }
                            >form{
                                padding: r(20px);
                                >textarea{
                                    resize: none;
                                    display: block;
                                    width: 98%;
                                    margin: 0 auto;
                                }
                                >input{
                                    float: right;
                                    display: block;
                                    width:r(174px);
                                    height: r(35px);
                                    border-radius: 2px;
                                    background: #B20000;
                                    color:#FFFFFF;
                                    margin-top: 2%;
//                                  margin-right: 5%;
                                    text-align: center;
                                }
                            }
                        }
                    }
                }
                
            }
        }
        .thelast {
            width: 90%;
            margin: 0 auto;
            border-top: 1px solid #c5c5c5;
            text-align: center;
            padding-top: 10px;
            padding-bottom: r(60px);
            >a {
                color: #C5C5C5;
                font-size: 14px;
            }
        }
    }
}